<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vue.js">
    </script>
</head>
<body>
<div id="app">



    <abs-input class="outerclass"></abs-input>

    <!-- 结果：<input class="innerclass outerclass"> -->

    <!-- style也同样会合并，而不是替换 -->
</div>

<script>
    Vue.component('abs-input', {
        template: '<input class="innerclass">'
    })

new Vue({
    el: "#app"
})



</script>

</body>
</html>